<!DOCTYPE html>
<!-- 告诉浏览器下面的代码用html5语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- utf-8编码集：万国码 -->
		<title>页面</title>
	</head>
	<body>
		<!-- html  属性和属性值[所有元素存在，元素与属性值捆绑] 
		           功能：作效果
		-->
		<p align="right">lorem</p>
		<!-- css  作样式【效果】  针对全局
		 前端：内容于表现分离【html作结构、css作样式】
		      能使用css,不要用html元素中属性与属性值
			css引入方式：①内部样式表--练习专用，代码量低
			            ②外部样式表--项目专用，代码量高
						③内联样式表--基本不用,代码冗余
						④引入样式表--根本不用，支持css2引入方式
						            缺点：先内容后表现
						
		 -->
		<p style="text-align: center">lorem1</p>  <!-- 内联样式表形式 -->
	</body>
</html>
